<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>家和菜场</title>
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<link rel="stylesheet" href="css/index.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script
	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
	<div data-role="page" id="tuopo">

		<div data-role="header">
			<h1>平面图</h1>
		</div>

		<div data-role="content">
			<!-- 拓扑图 -->
			<div id="tuopu">
				<a href="#selectGoods">
					<div id="C" class="Cqu">
						<H1>C区</H1>
						<input value="C" type="hidden">
					</div>
				</a> <a href="#selectGoods">
					<div id="B" class="Bqu">
						<H1>B区</H1>
						<input value="B" type="hidden">
					</div>
				</a> <a href="#selectGoods">
					<div id="A" class="Aqu">
						<H1>A区</H1>
						<input value="A" type="hidden">
					</div>
				</a> <a href="#selectGoods">
					<div id="D" class="Dqu">
						<H1>D区</H1>
						<input value="D" type="hidden">
					</div>
				</a> <a href="#selectGoods">
					<div id="E" class="Equ">
						<H1>E区</H1>
						<input value="E" type="hidden">
					</div>
				</a>
			</div>
		</div>

		<div data-role="footer" style="position: fixed;" data-position="fixed"
			data-tap-toggle="false" data-fullscreen="true">
			<div data-role="navbar" class="footer">
				<ul>
					<li><a href="#tuopo" data-icon="plus">进货</a></li>
					<li><a href="#caigouView" data-icon="minus">查货</a></li>
					<li><a href="#GuanliView" data-icon="delete">管理</a></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 记录货物 -->
	<div data-role="page" id="selectGoods">
		
		<div data-role="header">
			<h1>记录货物</h1>
		</div>

		<div data-role="content">
			<div id="goodsShowView">
				<div class="ui-grid-b" id="goodsShowDiv">
				</div>
			</div>
		</div>

		<div data-role="footer" style="position: fixed;" data-position="fixed"
			data-tap-toggle="false" data-fullscreen="true">
			<div data-role="navbar" class="footer">
				<ul>
					<li><a href="#tuopo" data-icon="plus">进货</a></li>
					<li><a href="#caigouView" data-icon="minus">查货</a></li>
					<li><a href="#GuanliView" data-icon="delete">管理</a></li>
				</ul>
			</div>
		</div>
		
	</div>
	
	<!-- 采购货物 -->
	<div data-role="page" id="caigouView">
		
		<div data-role="header">
			<h1>采购货物</h1>
		</div>

		<div data-role="content" class="ui-content">
			<label for="bday">日期:</label>
			<input type="date" name="dateInput" id="dateInput">
			<br><br>
			<input type="button" id="search" value="搜索">
			<br><br>
			<div id="goodsShowView_caigou">
				<div class="ui-grid-b" id="goodsShowDiv_caigou">
				</div>
			</div>
		</div>

		<div data-role="footer" style="position: fixed;" data-position="fixed"
			data-tap-toggle="false" data-fullscreen="true">
			<div data-role="navbar" class="footer">
				<ul>
					<li><a href="#tuopo" data-icon="plus">进货</a></li>
					<li><a href="#caigouView" data-icon="minus">查货</a></li>
					<li><a href="#GuanliView" data-icon="delete">管理</a></li>
				</ul>
			</div>
		</div>
		
	</div>
	
	<!-- 管理货物 -->
	<div data-role="page" id="GuanliView">
		
		<div data-role="header">
			<h1>管理货物</h1>
		</div>

		<div data-role="content">
			<fieldset data-role="fieldcontain">
			    <label for="day">选择区域 : </label>
			    <select name="regionId" id="regionId">
			      <option value="5d21faea061d47149732411fe520b33a">A</option>
			      <option value="4dba8df0a8704e12898ebb88fcfb4143">B</option>
			      <option value="43c5d10b6fb54654a4f49baaedd438f5">C</option>
			      <option value="8e80d5b4f7dc4af597aa5bcdec0b8c6a">D</option>
			      <option value="0db808297351459683cd30b6ca676390">E</option>
			    </select>
			  </fieldset>
			  <br>
			  <label for="fullname">蔬菜名称 ： </label>
    		  <input type="text" name="goodsName" id="goodsName">
    		  <br>
    		  <input type="button" id="sunmitGoods" value="保存">
		</div>

		<div data-role="footer" style="position: fixed;" data-position="fixed"
			data-tap-toggle="false" data-fullscreen="true">
			<div data-role="navbar" class="footer">
				<ul>
					<li><a href="#tuopo" data-icon="plus">进货</a></li>
					<li><a href="#caigouView" data-icon="minus">查货</a></li>
					<li><a href="#GuanliView" data-icon="delete">管理</a></li>
				</ul>
			</div>
		</div>
		
	</div>
</body>
</html>